<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>DOM</title>
		<script>
			/* function method() {
				alert("函数被执行了...");
			} */

			function init() {
				//动态绑定事件
				//根据id获取页面中指定的元素对象
				document.getElementById("btn").onclick = function(){
					alert("函数被执行了...");
				} 

				//注意: 动态解绑的事件必须是动态添加的,无法删除静态绑定的事件,即把onclick写在元素上是无法通过动态方式解除的!
				//动态绑定事件,注意:事件要把on去掉
				//document.getElementById("btn").addEventListener("click",method); 
			}
			
			function delMethod(){
				//解除绑定事件
				document.getElementById("btn").onclick = "";
				
				//document.getElementById("btn").removeEventListener("click", method);
			}
		</script>
	</head>
	<body onload="init()">
		<!-- <input type="button" value="按钮" onclick="method()" /> -->
		<input type="button" value="按钮" id="btn"/>
		<input type="button" value="解除事件" onclick="delMethod()"/>
	</body>
</html>
